<template>
    <div class="cityhead">
        <div class="header">
            <router-link to="/" class="head-left iconfont icon-jiantouarrowhead7"></router-link>
            <h4>{{title}}</h4>
        </div>
    </div>
</template>

<script>
    export default {
        props:['title']
    }
</script>

<style lang="scss" scoped>
    @import "~css/varibles.scss";
    .cityhead {
        .header {
            line-height: $height86;
            background-color: $bgcolor;
            color: #ffe;
            font-size: .32rem;
            display: flex;
            justify-content: center;
            .head-left {
                color: #fff;
                font-size: .4rem;
                position: absolute;
                left: $margin02;
            }
        }
    }
</style>
